<%@ page contentType="text/html;charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>区域信息列表</title>
<%@include file="../include/autoBaseInclude.jsp" %>

</head>
<body>
<form id="search">
<div style="display: none;">
<input class="mini-textbox" name="auarName" value="asd" />


</div>

<div style="padding-bottom:5px;">
<span class="form-label">区域名称：</span><input class="mini-textbox" name="auarName1" />
<a class="mini-button" style="width:60px;" onclick="search()">查找</a>
<span style="display:inline-block;width:15px;"></span>
<a class="mini-button" style="width:60px;" onclick="reset()">重置</a>
</div>
</form>
<div id="datagrid1" class="mini-datagrid" style="width:100%;height:380px;" 
    url="${ctx}/area/AreaPageList.action" idField="auarGuid"
    allowResize="true" sizeList="[10,20,50,100]" pageSize="2" 
    allowCellEdit="true" allowCellSelect="true" multiSelect="true">
    <div property="columns">
        <div type="checkcolumn" width="5%"></div>
        <div field="auarName" width="15%" headerAlign="center" allowSort="true" align="center">区域名称</div>                
    </div>
</div>
<div class="mini-toolbar" style="text-align:center;padding-top:8px;padding-bottom:8px;" borderStyle="border:0;">
    <a class="mini-button" style="width:60px;" onclick="add()">增加</a>
    <span style="display:inline-block;width:25px;"></span>
    <a class="mini-button" style="width:60px;" onclick="edit()">编辑</a>
    <span style="display:inline-block;width:25px;"></span>
    <a class="mini-button" style="width:60px;" onclick="remove()">删除</a>
</div> 

<script type="text/javascript">
mini.parse();
var grid = mini.get("datagrid1");
grid.load();

function search() {
	var form = new mini.Form("#search");
	var data = form.getData();      //获取表单多个控件的数据
	var jsonSearch = mini.encode(data);   //序列化成JSON
    grid.load({'search': jsonSearch});
}

function add(){
	mini.open({
	    url: "${ctx}/AUTO/OA/ORG/areaAdd.jsp",           
	    title: "人员新增",
	    width: 650,
	    height: 380,
	    ondestroy: function (action) {                  
	        grid.reload();
	    }
	});
}
</script>
</body>


</html>